<timepicker [(ngModel)]="mytime" [hourStep]="hstep" [minuteStep]="mstep" [showSeconds]="true" [secondsStep]="sstep"></timepicker>

<pre class="alert alert-info">Time is: {{mytime}}</pre>

<div class="row">
  <div class="col-xs-6 col-6 col-md-3">
    Hours step is:
    <select class="form-control" [(ngModel)]="hstep">
      <option *ngFor="let opt of options.hstep" [value]="opt">{{opt}}</option>
    </select>
  </div>
  <div class="col-xs-6 col-6 col-md-3">
    Minutes step is:
    <select class="form-control" [(ngModel)]="mstep">
      <option *ngFor="let opt of options.mstep" [value]="opt">{{opt}}</option>
    </select>
  </div>
  <div class="col-xs-6 col-6 col-md-3">
    Seconds step is:
    <select class="form-control" [(ngModel)]="sstep">
      <option *ngFor="let opt of options.sstep" [value]="opt">{{opt}}</option>
    </select>
  </div>
</div>
